﻿<UserControl x:Class="KlearTweet.Client.DataContainers.ListItem"
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid x:Name="RootElement">
        <Grid.Resources> 
            <Storyboard x:Key="Normal State" />
            <!-- <Storyboard x:Key="Unfocused Selected State"/> -->
            <Storyboard x:Key="Normal Selected State">
                <ColorAnimation Storyboard.TargetName="fillStop0" Storyboard.TargetProperty="Color" Duration="0" To="#55F9FAFA"/>
                <ColorAnimation Storyboard.TargetName="fillStop1" Storyboard.TargetProperty="Color" Duration="0" To="#55E6EFF7"/>
                <ColorAnimation Storyboard.TargetName="fillStop2" Storyboard.TargetProperty="Color" Duration="0" To="#55D3E4F5"/>

                <ColorAnimation Storyboard.TargetName="strokeStop0" Storyboard.TargetProperty="Color" Duration="0" To="#5577B9EB"/>
                <ColorAnimation Storyboard.TargetName="strokeStop1" Storyboard.TargetProperty="Color" Duration="0" To="#554887CD"/> 
            </Storyboard>
            <Storyboard x:Key="MouseOver State">
                <ColorAnimation Storyboard.TargetName="fillStop0" Storyboard.TargetProperty="Color" Duration="0" To="#55F9FAFA"/> 
                <ColorAnimation Storyboard.TargetName="fillStop1" Storyboard.TargetProperty="Color" Duration="0" To="#55E6EFF7"/> 
                <ColorAnimation Storyboard.TargetName="fillStop2" Storyboard.TargetProperty="Color" Duration="0" To="#55D3E4F5"/>

                <ColorAnimation Storyboard.TargetName="strokeStop0" Storyboard.TargetProperty="Color" Duration="0" To="#00000000"/>
                <ColorAnimation Storyboard.TargetName="strokeStop1" Storyboard.TargetProperty="Color" Duration="0" To="#00000000"/>
            </Storyboard> 
            <!-- <Storyboard x:Key="MouseOver Unfocused Selected State"/> -->
            <Storyboard x:Key="MouseOver Selected State">
                <ColorAnimation Storyboard.TargetName="fillStop0" Storyboard.TargetProperty="Color" Duration="0" To="#55D9EFFF"/>
                <ColorAnimation Storyboard.TargetName="fillStop1" Storyboard.TargetProperty="Color" Duration="0" To="#55BDD2E6"/>
                <ColorAnimation Storyboard.TargetName="fillStop2" Storyboard.TargetProperty="Color" Duration="0" To="#55A1B6CD"/>

                <ColorAnimation Storyboard.TargetName="strokeStop0" Storyboard.TargetProperty="Color" Duration="0" To="#5577B9EB"/>
                <ColorAnimation Storyboard.TargetName="strokeStop1" Storyboard.TargetProperty="Color" Duration="0" To="#554887CD"/>
            </Storyboard> 
        </Grid.Resources>

        <Rectangle x:Name="FocusVisualElement" Visibility="Collapsed" IsHitTestVisible="False"
                   Stroke="Black" StrokeDashArray="1,2" StrokeThickness="1" />

        <Border Padding="0">
            <Grid>
                <Border CornerRadius="2" BorderThickness="2" IsHitTestVisible="False">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0.316111,0.0165521" EndPoint="0.316111,0.724833">
                            <GradientStop x:Name="fillStop0" Color="#00000000" Offset="0"/>
                            <GradientStop x:Name="fillStop1" Color="#00000000" Offset="0.682203"/>
                            <GradientStop x:Name="fillStop2" Color="#00000000" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>

                <Border Padding="1" CornerRadius="2" Background="Transparent">
                    <Grid>
                        <Border Grid.Column="0" Padding="1,1,0,0"><!-- Shadow -->
                            <Border CornerRadius="2" BorderBrush="LightGray" BorderThickness="2" />
                        </Border>

                        <Border x:Name="EntityView" Margin="5" Padding="1" />
                    </Grid>
                </Border>

                <Border CornerRadius="2" BorderThickness="2" IsHitTestVisible="False">
                    <Border.BorderBrush>
                        <LinearGradientBrush StartPoint="0.318122,0.0360108" EndPoint="0.318122,0.715784">
                            <GradientStop x:Name="strokeStop0" Color="#00000000" Offset="0"/>
                            <GradientStop x:Name="strokeStop1" Color="#00000000" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.BorderBrush>
                </Border>
            </Grid>
        </Border>
    </Grid> 
</UserControl>
